<template>
  <div>
    <button class="dao-btn blue has-icon">
      <svg class="icon"><use xlink:href="#icon_archive"></use></svg>
      <span class="text">blue</span>
    </button>
    <button class="dao-btn blue has-icon">
      <span class="text">blue</span>
      <svg class="icon"><use xlink:href="#icon_archive"></use></svg>
    </button>
    <button class="dao-btn blue has-icons">
      <svg class="icon"><use xlink:href="#icon_sort-desc"></use></svg>
      <span class="text">blue</span>
      <svg class="icon"><use xlink:href="#icon_caret-down"></use></svg>
    </button>
    <button class="dao-btn blue icon-btn">
      <svg class="icon"><use xlink:href="#icon_play"></use></svg>
    </button>
    <button class="dao-btn opt-btn">
      <svg class="icon"><use xlink:href="#icon_setting"></use></svg>
      <svg class="icon"><use xlink:href="#icon_caret-down"></use></svg>
    </button>
  </div>
</template>